@import 'common';

#nav {
    width: 100%;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 1000;
    border-bottom: solid 1px #B3B3B3;
    background: #fafafa;
    .navlist {
        position: relative;
        height: 0.5rem;
        li {
            float: left;
            margin: 0;
            height: 0.5rem;
            width: 25%;
            a {
                width: 100%;
                display: inline-block;
                height: 0.5rem;
                border-right: 0.01rem solid #EAEAEA;
                text-align: center;
                span {
                    display: inline-block;
                    width: 0.5rem;
                    height: 0.5rem;
                    background: url("../img/icon.png") no-repeat 0 -0.46rem;
                    background-size: 2.14rem auto;
                }
                .active{
                    background-position: 0 -.46rem;
                }
                .active1{
                    background-position: -0.46rem -.46rem;
                }
                .active2{
                    background-position: -1.6rem 0;
                }
                .active3{
                    background-position: -1rem -0.46rem;
                }
            }
        }
    }
}

b {
    font-weight: bold;
}

.userinfo, .addressinfo {
    width: 99%;
    overflow: hidden;
    margin: .1rem auto;
    position: relative;
    top: .5rem;
    .userlist, .addresscontent {
        min-height: .75rem;
        overflow: hidden;
        background-color: #fff;
        box-shadow: 0 0 .05rem #ccc;
        border: 1px solid #f2f2f2;
        margin: 10px;
        border-radius: .1rem;
        table {
            display: table;
            border-collapse: separate;
            border-spacing: .02rem;
            border-color: grey;
            tbody {
                display: table-row-group;
                vertical-align: middle;
                border-color: inherit;
                tr {
                    margin-bottom: .1rem;
                    display: table-row;
                    vertical-align: inherit;
                    border-color: inherit;
                    td {
                        margin: 0;
                        padding: 0;
                        img {
                            border: 0;
                        }
                    }
                    .nicheng {
                        color: #f9a00a;
                        font-size: .2rem;
                    }
                }
            }
        }
        .contentlist {
            height: .6rem;
            width: 90%;
            padding-right: .3rem;
            border: 1px solid #f2f2f2;
            border-right: none;
            font-size: .18rem;
            font-weight: bold;
            text-align: center;
            cursor: pointer;
            color: #666;
            background: url(../img/goforword.png) right center no-repeat;
        }
        .contentlist:last-child {
            border-bottom: none;
        }
    }
}